<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成果详情</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/leftSidebar.css">
    <style>
        html,body{height: 100%;}
        .col-xs-12.nav_right{padding: 0;height: 100px;;margin-right: 0;min-width: 1100px;padding-left: 160px;padding-top: 40px;}
        #myTab a{color: #7c7c7c; font-size: 15px;}
        #myTab>li.active>a{color: #3f4142; background-color: #fff;}
        .navbar-form{margin-top: 0;}
        .tab_creat .active{color:#6bc50d;}
        .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background-color: #fff;}
        .table>tfoot>tr.active>td{background-color: #fff;}
        .table>tbody>tr>td{border-top:0;}
        .table{margin-bottom: 0;}
        div.tab_creat.row{background-color: #fff;}
        .tab_font{padding: 10px 0;}
        .tab_font div,.tab_font td{font-size: 14px;color: #919191;}
        .gongsi_list div.col-xs-2,.gongsi_list div.col-xs-1,.gongsi_list div.col-xs-4{text-align: center;padding: 20px 0;}
        .gongsi_list.row{background-color: #fff;margin-top: 20px;}
        .gongsi_list dd div.col-xs-2{font-size: 14px;color: #4f5051;}
        .row{margin: 0;}
        .sub_logo{position: relative;display: inline-block;padding-left: 0;}
        .sub_logo input{opacity: 0;position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
        .zhube_head{border-bottom: 1px solid #ddd;}
        .zhube_head h3{padding: 5px 0;, color: #222c38;font-size: 16px;border-bottom: 4px solid #5a626d;}

        #form_test label{font-size: 14px; color: #515151;font-weight: normal;}
        #form_test  .media-middle{font-size: 14px;color: #acacac;}
        .form_tip{font-size: 12px;color: #acacac; }
        .btn-default{border-color: #d4252a;color: #d4252a;}
        .btn-default.disabled{background-color: #ccc;color: #fff;border-color:#ccc;}
        .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{background-color: #ccc;color: #fff;}
        .label.label-danger{color: #d5272d;background-color: #ffe6e7 ;font-weight: normal;}
        .media-body p{padding: 20px 0;}
        .xq_bg{background-color: #fff;padding: 20px 0;}

        /*详情界面*/
        #navbar-example{border: 0;background-color: #fff;}
        #navbar-example .nav-pills>li.active>a{border-bottom: 4px solid #d5272d; background-color: #fff;border-radius: 0;color: #222c38;}
        #navbar-example .nav-pills>li>a{font-size: 22px;color: #5a626d;}
        .progress_jieshao h4{font-size: 22px;border-left: 4px solid #222c38;padding: 0 10px;margin-top: 20px;}
        h4>button{float:right;padding: 2px 12px!important;}
        .progress_jieshao p{font-size: 18px;color: #5a626d;line-height: 30px;padding:0 10px;}
        .progress_jieshao section{font-size: 18px;color: #5a626d;padding: 0 10px;}
        .panel_name{font-size: 16px; color: #969fa8;padding: 0 10px;}
        .panne_exp ul>li{margin: 20px 0;}
        .panne_exp ul>li:last-child{margin-top: 10px;}
        .panel-title{font-size: 24px;color: #222c38;font-weight: bold;}
        .extra{padding: 10px 10px 15px 10px;}
        .extra>span:nth-child(1){font-weight: bolder;font-size:16px;margin-right:50px;}
        .extra>span:nth-child(2){color:#969fa8;margin-right:50px;}
        .extra>span:nth-child(3){color:#6bc50d;}
        .star{margin: 10px 0px;}
        .star>span{color:#969fa8;margin-left: 10px;}
        textarea{width:100%;background:#f5f5f5;border-color: #ddd;padding:20px 10px;}
    </style>
</head>
<body style="background-color: #f2f2f2;">
<div class="row warp" style="height: 100%;">
    <div class="nav_right_head">
        <a href="../index.html"><img src="../img/roleIndexBg.jpg" onerror="onErrorHandle(this)"/></a>
    </div>
    <!--左侧导航-->
    <div class="col-xs-2 nav_left">
        <div class="creatNav">技术需求服务</div>
        <div class="creatLoginStatus"><img src="../img/avtar.png"><a>您好，技术需求者</a></div>
        <div class="list-group" style="padding: 0;">
            <a href="xqfb_index.html" class="list-group-item active"><i class="glyphicon glyphicon-home"></i> 首页</a>
            <a href="xqfb_fbdxq.html" class="list-group-item"><i class="glyphicon glyphicon-cd"></i> 发布的需求</a>
            <a href="xqfb_jsdd.html" class="list-group-item"><i class="glyphicon glyphicon-list-alt"></i> 接收的订单</a>
            <a href="xqfb_fbcg.html" class="list-group-item"><i class="glyphicon glyphicon-export"></i> 发布的成果</a>
            <a href="xqfb_gmcg.html" class="list-group-item " ><i class="glyphicon glyphicon-shopping-cart"></i> 购买的成果</a>
            <a href="xqfb_mynews.html" class="list-group-item"><i class="glyphicon glyphicon-book"></i> 我的消息</a>

        </div>
        <div class="backBtn"> <a href="../index.html"><img src="../img/backIndex.png"></a></div>
    </div>

    <div class="col-xs-12 nav_right">

        <div class="col-xs-10 col-xs-offset-1">

            <div data-spy="scroll" data-target="#navbar-example" data-offset="0"
                 style=" position: relative;">
                <div class="panel panel-default progress_jieshao">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="introduce">成果介绍</h3>
                    </div>
                    <div class="panel-body">
                        <ul class="list-unstyled " id="pbDetailList">
                            <li>
                                <h4>概述</h4>
                                <p>使用Max是一个自制内容、自运营内容打造自有IP的公司。使用Max是一个自制内容、自运营内容打造自有IP的公司。使用Max是一个自制内容、自运营内容打造自有IP的公司。</p>
                                <div class="panel_name">公司全称：<span>小橙科技有限公司</span></div>
                            </li>
                            <li>
                                <h4>详细介绍</h4>
                                <section>产品服务</section>
                                <p>使用Max是一个自制内容、自运营内容打造自有IP的公司。使用Max是一个自制内容、自运营内容打造自有IP的公司。使用Max是一个自制内容、自运营内容打造自有IP的公司。</p>
                            </li>
                            <li>
                                <h4>团队人数</h4>
                                <section>5</section>
                            </li>
                            <li>
                                <h4>技术关键字</h4>
                                <section> 大数据</section>
                            </li>
                            <li>
                                <h4>融资阶段</h4>
                                <section>未融资</section>
                            </li>
                            <li>
                                <h4>商业计划书</h4>
                                <section> <a href="###">点击下载</a></section>
                            </li>
                        </ul>



                    </div>
                </div>






            </div>

        </div>

    </div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script type="text/javascript" src="../js/bootstrap-paginator.min.js"></script>
<script type="text/javascript">
    var person = JSON.parse(sessionStorage.getItem("person"));
    if (person==''||person==null) {
        alert('请先登录')
        window.location.href='denglu.html';
    } else{
        var userId = person.userid;
    }

    var id = location.href.split('?')[1];
    console.log(id)
    //我的项目列表
    $.ajax({
        type: "get",
        url:"http://114.112.96.184:18080/achievement/"+id,
        data:{'userId':userId},
        error: function(request) {
            console.log("Connection error");
        },
        success: function(data) {
            console.log(data)
            var objPb = data.result;
            var createTime = '';
            createTime = objPb.createTime.substring(0, 4);
            $('.Pblogo').attr('src', objPb.logo);
            var pbName = '' + objPb.pbName + ' <small>' + objPb.area + '·' + createTime + '</small>'
            $('.media-body.pbIntroduce h4').html(pbName);
            $('.media-body.pbIntroduce p').html(objPb.company);




//            var attention = '';
//            if (objPb.attention == true) {
//                attention = '取消关注'
//            } else {
//                attention = '关注'
//            }
//            $('.attentionPb').text(attention);

            var pbDetailContent = '';
            pbDetailContent =
                    '<li><h4>成果名称</h4>' +
                    '<p>' + objPb.achievementName + '</p>' +
                    '</li>' +
                    '<li><h4>售价</h4>' +
                    '<section>' + objPb.price + '</section>' +
                    '</li>' +
                    '<li> <h4>所属领域</h4>' +
                    '<section>' + objPb.field + '</section>' +
                    '</li>' +
                    '<li> <h4>发布时间</h4>' +
                    '<section>' + createTime + '</section>' +
                    '</li>' +
                    '<li> <h4>技术成果概述</h4>' +
                    '<section>' + objPb.overview + '</section>' +
                    '</li>'

        $('#pbDetailList').html(pbDetailContent);

        }
    });



    function onErrorHandle(obj){
        obj.src="../img/defaultAvatar.png";
    }


</script>
</html>